<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <title>策略市场</title>
  <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
  <meta name="format-detection" content="telephone=no">
  <meta name="format-detection" content="email=no">
  <link rel="stylesheet" href="css/frozen.css">
  <link rel="stylesheet" href="css/style.css">

  <script src="lib/zepto.min.js"></script>
  <script src="lib/iscroll.min.js"></script>
</head>
<body class="bg-white">
<!-- ----------------------------------
  策略配置
----------------------------------- -->
<section class="cc-container">
  <header class="ui-header bg-graywhite">
    <nav class="ui-row-flex ui-border-b">
      <div class="ui-col ui-border-r"><a class="cc-navlink" href="cl_market.html">策略市场</a></div>
      <div class="ui-col ui-border-r"><a class="cc-navlink active" href="cl_configuration.html">策略配置</a></div>
      <div class="ui-col ui-border-r"><a class="cc-navlink" href="cl_optimization.html">策略优化</a></div>
      <div class="ui-col"><a class="cc-navlink" href="cl_mine.html">我的策略</a></div>
    </nav>
  </header>
  <footer class="ui-footer ui-footer-stable ui-border-t">
    <ul class="ui-tiled cc-footer">
      <li class="active"><a href="javascript:"><span class="com-icon"></span><i>量化积木</i></a></li>
      <li><a href="javascript:"><span class="com-icon"></span><i>其他</i></a></li>
      <li><a href="javascript:"><span class="com-icon"></span><i>其他</i></a></li>
    </ul>
  </footer>

  <article class="cc-content">
      <!-- 侧栏 start -->
      <aside class="cc-aside ui-row-flex ui-row-flex-ver">
        <div class="ui-col ui-border-b cc-a-item active" data-targ="code">
          <p class="cl-ico-code"></p>
          <span>股票代码</span>
        </div>
        <div class="ui-col ui-border-b cc-a-item" data-targ="time">
          <p class="cl-ico-time"></p>
          <span>股票择时</span>
        </div>
        <div class="ui-col ui-border-b cc-a-item" data-targ="control">
          <p class="cl-ico-control"></p>
          <span>股票控制</span>
        </div>
        <div class="ui-col ui-border-b cc-a-item" data-targ="warn">
          <p class="cl-ico-warn"></p>
          <span>消息提醒</span>
        </div>
        <div class="ui-col cc-a-item" data-targ="config">
          <p class="cl-ico-config"></p>
          <span>完成配置</span>
        </div>
      </aside>
      <!-- 侧栏 end -->
      <section class="cc-a-se ui-border-l" id="wrapper">
        <div class="J_scroll cc-a-con">
          <!-- 代码 -->
          <article class="cl-page" id="code">
            <h4 class="J_code_tit">九州通</h4>

            <div class="ui-searchbar ui-border-radius cl-search">
              <i class="ui-icon-search"></i>
              <div class="ui-searchbar-input"><input type="text" placeholder="请输入您要找的股票代码" autocapitalize="off" id="sehcode"></div>
            </div>

            <ul class="ui-list ui-list-text ui-list-active ui-list-cover ui-border J_sehcode_aim">
              <li class="ui-border-t active">
                <p>加ui-list-active会带按压态</p>
              </li>
              <li class="ui-border-t">
                <p>加ui-list-cover通栏cover通栏cover通栏cover通栏</p>
              </li>
              <li class="ui-border-t">
                <p>加ui-list-cover通栏</p>
              </li>
              <li class="ui-border-t">
                <p>加ui-list-cover通栏</p>
              </li>
              <li class="ui-border-t">
                <p>加ui-list-cover通栏</p>
              </li>
              <li class="ui-border-t">
                <p>加ui-list-cover通栏</p>
              </li>
              <li class="ui-border-t">
                <p>加ui-list-cover通栏</p>
              </li>
              <li class="ui-border-t">
                <p>加ui-list-cover通栏</p>
              </li>
              <li class="ui-border-t">
                <p>加ui-list-cover通栏</p>
              </li>
              <li class="ui-border-t">
                <p>加ui-list-cover通栏</p>
              </li>
              <li class="ui-border-t">
                <p>加ui-list-cover通栏</p>
              </li>
              <li class="ui-border-t">
                <p>加ui-list-cover通栏</p>
              </li>
              <li class="ui-border-t">
                <p>加ui-list-cover通栏</p>
              </li>
              <li class="ui-border-t">
                <p>加ui-list-cover通栏</p>
              </li>
              <li class="ui-border-t">
                <p>加ui-list-cover通栏</p>
              </li>
              <li class="ui-border-t">
                <p>加ui-list-cover通栏</p>
              </li>
              <li class="ui-border-t">
                <p>加ui-list-cover通栏</p>
              </li>
              <li class="ui-border-t">
                <p>加ui-list-cover通栏</p>
              </li>
            </ul>
          </article>

          <!-- 择时 -->
          <article class="cl-page" id="time" hidden>
            <h4 class="J_time_tit">ABC 112332.314</h4>

            <div class="ui-searchbar ui-border-radius cl-search">
              <i class="ui-icon-search"></i>
              <div class="ui-searchbar-input"><input type="text" placeholder="请输入您要找的时机" autocapitalize="off" id="sehtime"></div>
            </div>

            <ul class="ui-list ui-list-text ui-list-active ui-list-cover ui-border J_sehtime_aim">
              <li class="ui-border-t active">
                <p>加ui-list-active会带按压态</p>
              </li>
              <li class="ui-border-t">
                <p>加ui-list-cover通栏cover通栏cover通栏cover通栏</p>
              </li>
              <li class="ui-border-t">
                <p>加ui-list-cover通栏</p>
              </li>
              <li class="ui-border-t">
                <p>加ui-list-cover通栏</p>
              </li>
              <li class="ui-border-t">
                <p>加ui-list-cover通栏</p>
              </li>
            </ul>
          </article>

          <!-- 控制 -->
          <article class="cl-page" id="control" hidden>
            <div class="cfig-check">
              <div class="ui-form-item-checkbox ui-border-b J_check" id="ctrZs">
                <div class="ui-flex mb">
                <label class="ui-checkbox"><input type="checkbox"></label>
                <p>止损门限</p>
                </div>
                <div class="opt-count ui-flex">
                  <span class="J_num">10%</span>
                  <button type="button" class="J_add add ui-border-radius"></button>
                  <button type="button" class="J_sub sub ui-border-radius"></button>
                </div>
              </div>

              <div class="ui-form-item-checkbox J_check" id="ctrZy">
                <div class="ui-flex mb">
                  <label class="ui-checkbox"><input type="checkbox"></label>
                  <p>止盈门限</p>
                </div>
                <div class="opt-count ui-flex">
                  <span class="J_num">10%</span>
                  <button type="button" class="J_add add ui-border-radius"></button>
                  <button type="button" class="J_sub sub ui-border-radius"></button>
                </div>
              </div>
            </div>
          </article>

          <!-- 提醒 -->
          <article class="cl-page" id="warn" hidden>
            <h4>消息提醒：<span class="J_warntit">开</span></h4>
            <label class="ui-switch J_warn">
              <input type="checkbox" checked>
            </label>
          </article>

          <!-- 完成配置 -->
          <article class="cl-page" id="config" hidden>
            <div class="cfig-pz">
              <p>股票代码</p>
              <h4 class="ui-nowrap J_code_tit">612544611654</h4>
            </div>
            <i class="cl-arrow"></i>
            <div class="cfig-pz">
              <p>股票则时</p>
              <h4 class="ui-nowrap J_time_tit">adf 12313sdf</h4>
            </div>
            <i class="cl-arrow"></i>
            <div class="cfig-pz">
              <p>风险控制</p>
              <h4 class="ui-nowrap J_fxkz_tit">止损+止盈</h4>
            </div>
            <i class="cl-arrow"></i>
            <div class="cfig-pz">
              <p>消息提醒</p>
              <h4 class="ui-nowrap J_warntit">开</h4>
            </div>

            <form id="form" name="form" action="cl_optimization.html" method="get">
              <input type="hidden" name="code" id="formCode">
              <input type="hidden" name="time" id="formTime">
              <input type="hidden" name="zy" value="0" id="formZy">
              <input type="hidden" name="zs" value="0" id="formZs">
              <input type="hidden" name="warn" value="1" id="formWarn">
              <div class="ui-searchbar ui-border-radius cfig-clini">
                <div class="ui-searchbar-input"><input type="text" placeholder="请输入策略名称" name="name" id="formName" required></div>
              </div>

              <button type="button" class="ui-btn-lg ui-btn-danger" id="yhsub">优化</button>
            </form>
          </article>

        </div>
      </section>
  </article>


</section>
<script src="js/main.js"></script>
<script src="js/frozen.js"></script>
<script src="lib/layer.js"></script>
<script>
$(function () {
  cc.pro.configuration();
});
</script>
</body>
</html>
